{% extends "_layouts/examples.html" %}
{% block title %}Suru / Divider{% endblock %}

{% block standalone_css %}patterns_suru{% endblock %}

{% set is_paper = True %}
{% block content %}
<div class="p-suru--divider">
    <div class="row--25-75">
        <div class="col">
            <h1>Suru divider section</h1>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam modi tempora, quam ipsum nobis, eius vitae magni sunt suscipit provident praesentium debitis iste minima corporis rerum voluptatum facere adipisci dolore!</p>
        </div>
    </div>
</div>

<div class="p-section">
    <div class="row--25-75">
        <div class="col">
            <h2>Following content</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam modi tempora, quam ipsum nobis, eius vitae magni sunt suscipit provident praesentium debitis iste minima corporis rerum voluptatum facere adipisci dolore!</p>
        </div>
    </div>
</div>
{% endblock %}
